// ========================切换两个盒子=========================
// 点击登录盒子的a 切换到注册盒子
// $('.login a').on('click', function () {
//   $('.login').hide().next().show()
// })
// 点击注册盒子的a 切换到登录盒子
// $('.register a').on('click', function () {
//   $('.login').show().next().hide()
// })

$('.box a').on('click', function () {
  $(this).parents('.box').hide().siblings('.box').show()
})

// layer是唯一一个全局模块 所以不用加载弹出层模块
// let layer = layui.layer


// ============================注册接口==========================
// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> Ajax提交
$('.register form').on('submit', function (e) {
  e.preventDefault()
  // 收集表单数据
  let data = $(this).serialize()
  // console.log(data);
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      layer.msg(res.message)  //无论成功或失败都提示
      if (res.status === 0) {
        $('.register form')[0].reset()  //清空输入框
        $('.login').show().siblings('.box').hide()  //成功后显示登录盒子
      }
    }
  })
})


// =========================自定义验证规则=====================
// 加载form模块(let 变量 = layui.模块名)
let form = layui.form

// 调用form.verify()方法扩展自己的验证规则
form.verify({
  // 键(规则名称): 值(验证方法)
  // 值(验证的办法，有两种写法，一种是数组，一种是函数)
  // 1. 数组的写法
  // 规则名称: ['正则表达式', '验证不通过时的提示']
  user: [/^\w{2,10}$/, '用户名必须2~10位'], //\w 表示数字字母下划线。 {2,10}表示2~10位长度；{2,10} 不是 {2, 10}
  pass: [/^\S{6,14}$/, '密码必须6`14位'],  //\S非空白字符串
  // 2. 函数的写法
  same: function (abc) {
    // 形参 abc，表示使用该验证规则的输入框的值；（案例中确认密码使用了这个验证规则，所以形参表示确认密码的值）
    // return的值就是验证不通过时的提示
    if ($('.pwd').val() !== abc) {
      return '两次密码不一致'
    }
  }
})


// ================================登录功能==========================
// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> Ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault()
  // 收集表单数据
  let data = $(this).serialize()
  // console.log(data);
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: data,
    success: function (res) {
      if (res.status === 0) {
        layer.msg(res.message, {
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
          //do something
          // console.log(res);
          localStorage.setItem('token', res.token)
          location.href = './index.html'  //页面跳转功能
        });
      } else {
        layer.msg(res.message)
      }
    }
  })
})